<template>
	<view class="user_head_view_cell">
		<view class="safe-region"></view>
		<view class="info_view">
			<image class="icon" src="https://osstoobs20210306.obs.cn-south-1.myhuaweicloud.com/gree-mall-v3/images/ic_head.png"></image>
		     <view class="name_label">
				 <view class="name">汪明1</view>
				 <view class="certification">已认证</view>
			 </view>
			 <image class="settings" src="../../static/settings.png"></image>
			 <image class="message" src="../../static/message.png"></image>
		</view>
		<view class="number_view">

		</view>
	</view>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
	.user_head_view_cell {
		display: flex;
		width: 100vw;
		flex-direction: column;
		background-image: url("../../static/user_header_bg.png");
		.safe-region{
			height: env(safe-area-inset-top);
		}
		.info_view{
			margin-top: 30px;
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			.icon{
				width: 60px;
				height: 60px;
				margin-left: 20px;
			}
			.name_label{
				flex: 1;
				margin-left: 20px;
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				.name{
					font-size: 22px;
					line-height: 22px;
					color: white;
					font-weight: 600;
					margin-bottom: 8px;
				}
				.certification{
					color: white;
					font-size: 12px;
					line-height: 12px;
					padding: 5px 5px 5px 5px;
					border-radius: 7px;
					background-color: #ffa800;
				}
			}

			.settings{
				width: 20px;
				height: 20px;
				margin-right: 24px;
			}

			.message{
				width: 20px;
				height: 20px;
				margin-right: 24px;
			}
		}
	    .number_view{
			display: flex;
			flex-direction: row;
			.item_view{
				float: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.number{
					color: white;
					font-size: 16px;
				}
				.title{
					color: white;
					font-size: 16px;
				}
			}
		}
	}
</style>
